{% extends "base.html" %}

{% block doctype %}{% endblock %}
{% block title %}Map{% endblock %}

{% block js %}
	<script type="text/javascript" src="{{ MEDIA_URL }}combined-{{ LANGUAGE_CODE }}.js"></script>
	<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>
	<script type='text/javascript' src='/media/1/haco/label.js'></script>
	<script type='text/javascript'>
{% endblock %}

{% block extra-head %}
    function initialize() {
    var latlng = new google.maps.LatLng(36.054148,140.140033);
    var myOptions = {
    zoom: 10,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById('map_canvas'), myOptions)
    var marker1 = new google.maps.Marker({
    position: new google.maps.LatLng({{ ido }},{{ kdo }}),
    map: map,
    icon:'/media/1/haco/arduino_mini.jpeg' ,
    title: '1'
    });
          var label1 = new Label({
          map: map
          });
          label1.bindTo('position', marker1, 'position');
          label1.set('text', '消費電力:90.0W 照度:684.0lux  温度:24.3℃');    
        }
    </script>
    {% endblock %}
	{% block body %}
    <body onload='initialize()'>
    {% endblock %}
    {% block content %}
    <h1>Map</h1>
    <div id='map_canvas' style='width:80%; height:80%'></div>
    {% endblock %}
    
    
